<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>装潢之家手机版</title>
    <link rel="stylesheet" href="../dist/css/base.css">
    <link rel="stylesheet" href="../dist/css/style.css">
    <link rel="stylesheet" href="../dist/css/font.css">
    <link rel="stylesheet" href="../responsive/flexible.css">
    <script src="../responsive/flexible.js"></script>
</head>
<body class="index">

    <!--header start-->
    <header>
        <div class="container">
            <a href="/" class="logo"><img src="../dist/img/logo.png" alt="装潢之家"></a>

            <div class="addr">
                上海
            </div>


            <div class="header_search">
                <form action="">
                    <input type="text" placeholder="输入商品，公司，设计师搜索">
                    <input type="submit" value="">
                </form>
            </div>

            <div class="clear"></div>
        </div>


    </header>

    <!--banner start-->
    <section class="banner_wrap wrapper">
        <div class="banner">
            <div class="tempWrap">
                <ul>
                    <li>
                        <a href="javascript:void(0)"><img src="../dist/img/index_banner.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href="javascript:void(0)"><img src="../dist/img/index_banner.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href="javascript:void(0)"><img src="../dist/img/index_banner.jpg" alt=""></a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="hd">
            <ul>

            </ul>
        </div>
    </section>
    <!--banner end-->


    <!--hot group start-->
    <section class="hot_group">
        <ul class="container">
            <li><a href="javascript:void(0)"><img src="../dist/img/qoute.png" alt="免费报价"></a>
                <p><a href="javascript:void(0)">免费报价</a></p>
            </li>
            <li><a href="javascript:void(0)"><img src="../dist/img/bulter.png" alt="管家关系"></a>
                <p><a href="javascript:void(0)">管家关系</a></p>
            </li>
            <li><a href="javascript:void(0)"><img src="../dist/img/bidding.png" alt="招标竞标"></a>
                <p><a href="javascript:void(0)">招标竞标</a></p>
            </li>
            <li><a href="javascript:void(0)"><img src="../dist/img/activity.png" alt="站内活动"></a>
                <p><a href="javascript:void(0)">站内活动</a></p>
            </li>
            <li><a href="javascript:void(0)"><img src="../dist/img/decoration_com.png" alt="装潢公司"></a>
                <p><a href="javascript:void(0)">装潢公司</a></p>
            </li>
            <li><a href="javascript:void(0)"><img src="../dist/img/buil_ma.png" alt="建材"></a>
                <p><a href="javascript:void(0)">建材</a></p>
            </li>
            <li><a href="javascript:void(0)"><img src="../dist/img/furniture.png" alt="家具"></a>
                <p><a href="javascript:void(0)">家具</a></p>
            </li>
            <li><a href="javascript:void(0)"><img src="../dist/img/all.png" alt="全部分类"></a>
                <p><a href="javascript:void(0)">全部分类</a></p>
            </li>
        </ul>
        <div class="clear"></div>

    </section>
    <!--hot group end-->

    <!--notice area start-->
    <div class="notice_area container">
        <strong>小知识</strong>
        <a href="javascript:void(0)">苏州雅信装饰是为网上人群提供装修...</a>
    </div>
    <!--notice area end-->

    <section class="product_groups">
        <!--rush-->
        <div class="rush">
            <div class="group_header">
                <img src="../dist/img/rush.png" alt="一元抢购">
                <strong>一元抢购</strong>

                <div class="round_info">
                    <b>14点场</b>
                    <span>01</span>:
                    <span>02</span>:
                    <span>26</span>
                </div>
                <a href="javascript:void(0)" class="more">更多场次&gt;</a>
            </div>
            <ul class="container">
                <li>
                    <div class="pic">
                        <a href="javascript:void(0)"><img src="../dist/img/rush.jpg" alt="简约现代粗麻布灯..."></a>
                    </div>
                    <div class="price"><em>￥<strong>1</strong></em><del>￥3668元</del></div>
                    <div class="desc"><a href="javascript:void(0)">简约现代粗麻布灯...</a></div>
                </li>
                <li>
                    <div class="pic">
                        <a href="javascript:void(0)"><img src="../dist/img/rush.jpg" alt="简约现代粗麻布灯..."></a>
                    </div>
                    <div class="price"><em>￥<strong>1</strong></em><del>￥3668元</del></div>
                    <div class="desc"><a href="javascript:void(0)">简约现代粗麻布灯...</a></div>
                </li>
                <li>
                    <div class="pic">
                        <a href="javascript:void(0)"><img src="../dist/img/rush.jpg" alt="简约现代粗麻布灯..."></a>
                    </div>
                    <div class="price"><em>￥<strong>1</strong></em><del>￥3668元</del></div>
                    <div class="desc"><a href="javascript:void(0)">简约现代粗麻布灯...</a></div>
                </li>

            </ul>
            <div class="clear"></div>
        </div>


        <!--热门活动-->
        <div class="hot_activity">
            <div class="group_header">
                <img src="../dist/img/activity_s.png" alt="热门活动">
                <strong>热门活动</strong>

                <span class="prompt">实时最新热门活动!</span>
                <a href="javascript:void(0)" class="more">更多活动&gt;</a>
            </div>

            <div class="content pro wrapper">
                <div class="left small_pic">
                    <a href="javascript:void(0)">
                        <img src="../dist/img/activity_s_1.jpg" alt="热门活动">
                    </a>
                    <a href="javascript:void(0)">
                        <img src="../dist/img/activity_s_2.jpg" alt="热门活动">
                    </a>
                </div>
                <div class="right big_pic">
                    <a href="javascript:void(0)"><img src="../dist/img/activity_s_3.jpg" alt="热门活动"></a>
                </div>

            </div>
            <div class="clear"></div>
        </div>
        
        
        <!--效果图-->
        <div class="effect">
            <div class="group_header">
                <img src="../dist/img/effect.png" alt="效果图">
                <strong>效果图</strong>
                <a href="javascript:void(0)" class="more">查看更多&gt;</a>
            </div>
            <div class="effect_pics container">
                <ul class="tab_pages">
                    <li>
                        <a href="javascript:void(0)">
                            <img src="../dist/img/effect.jpg" alt="效果图">
                            <div class="info">
                                <h3>原始风情艺术家居设计</h3>
                                <h4>这是一种生活态度</h4>
                                <p>132方欧式三居室     5.2万</p>


                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <img src="../dist/img/effect.jpg" alt="效果图">
                            <div class="info">
                                <h3>原始风情艺术家居设计</h3>
                                <h4>这是一种生活态度</h4>
                                <p>132方欧式三居室     5.2万</p>


                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <img src="../dist/img/effect.jpg" alt="效果图">
                            <div class="info">
                                <h3>原始风情艺术家居设计</h3>
                                <h4>这是一种生活态度</h4>
                                <p>132方欧式三居室     5.2万</p>


                            </div>
                        </a>
                    </li>
                </ul>
                <div class="clear"></div>
                <ul class="tab_btns">
                    <li class="active">
                        <img src="../dist/img/effect.jpg" alt="">
                    </li>
                    <li>
                        <img src="../dist/img/effect.jpg" alt="">
                    </li>
                    <li>
                        <img src="../dist/img/effect.jpg" alt="">
                    </li>
                </ul>
                <div class="clear"></div>
            </div>

        </div>

        <!--设计师-->
        <div class="designer">
            <div class="group_header">
                <img src="../dist/img/designer.png" alt="设计师">
                <strong>设计师</strong>
                <a href="" class="more">查看更多&gt;</a>
            </div>

            <div class="desingers container">
                <ul>
                    <li><a href="javascript:void(0)"><img src="../dist/img/desinger.jpg" alt=""></a></li>
                    <li><a href="javascript:void(0)"><img src="../dist/img/designer.jpg" alt=""></a></li>
                    <li><a href="javascript:void(0)"><img src="../dist/img/designer-08.jpg" alt=""></a></li>
                    <li><a href="javascript:void(0)"><img src="../dist/img/designer_1.jpg" alt=""></a></li>
                    <li><a href="javascript:void(0)"><img src="../dist/img/designer_1.jpg" alt=""></a></li>
                    <li><a href="javascript:void(0)"><img src="../dist/img/desinger-11.jpg" alt=""></a></li>

                </ul>
                <div class="clear"></div>
            </div>
        </div>

        <!--装潢公司-->
        <div class="deco_company">
            <div class="group_header">
                <img src="../dist/img/deco_com.png" alt="装潢公司">
                <strong>装潢公司</strong>
                <a href="javascript:void(0)" class="more">查看更多&gt;</a>
            </div>

            <ul class="companys container">
                <li><a href="javascript:void(0)"><img src="../dist/img/company.jpg" alt=""></a></li>
                <li><a href="javascript:void(0)"><img src="../dist/img/company-13.jpg" alt=""></a></li>
                <li><a href="javascript:void(0)"><img src="../dist/img/company-14.jpg" alt=""></a></li>
                <li><a href="javascript:void(0)"><img src="../dist/img/company-15.jpg" alt=""></a></li>
                <li><a href="javascript:void(0)"><img src="../dist/img/company-15.jpg" alt=""></a></li>
                <li><a href="javascript:void(0)"><img src="../dist/img/company-16.jpg" alt=""></a></li>
                <li><a href="javascript:void(0)"><img src="../dist/img/company-17.jpg" alt=""></a></li>
                <li><a href="javascript:void(0)"><img src="../dist/img/company-19.jpg" alt=""></a></li>
                <li><a href="javascript:void(0)"><img src="../dist/img/company-20.jpg" alt=""></a></li>


            </ul>
            <div class="clear"></div>
        </div>

        <!--建材-->
        <div class="buil_ma">
            <div class="group_header">
                <img src="../dist/img/buil_ma_s.png" alt="建材">
                <strong>建材</strong>
                <ul class="tab_btns">
                    <li class="active">灯具</li>
                    <li>厨卫</li>
                    <li>五金</li>
                    <li>装饰</li>
                </ul>
                <a href="javascript:void(0)" class="more">查看更多&gt;</a>
            </div>
            <ul class="tab_pages wrapper">
                <li class="active">
                    <a href="javascript:void(0);"><img src="../dist/img/bul_ma.jpg" alt=""></a>
                    <a href="javascript:void(0);"><img src="../dist/img/bul_ma-22.jpg" alt=""></a>
                    <a href="javascript:void(0)"><img src="../dist/img/bul_ma-23.jpg" alt=""></a>
                </li>
                <li>
                    <a href="javascript:void(0);"><img src="../dist/img/bul_ma.jpg" alt=""></a>
                    <a href="javascript:void(0);"><img src="../dist/img/bul_ma-22.jpg" alt=""></a>
                    <a href="javascript:void(0)"><img src="../dist/img/bul_ma-23.jpg" alt=""></a>
                </li>
                <li>
                    <a href="javascript:void(0);"><img src="../dist/img/bul_ma.jpg" alt=""></a>
                    <a href="javascript:void(0);"><img src="../dist/img/bul_ma-22.jpg" alt=""></a>
                    <a href="javascript:void(0)"><img src="../dist/img/bul_ma-23.jpg" alt=""></a>
                </li>
            </ul>
            <div class="clear"></div>
        </div>


        <!--家具-->
        <div class="furniture">
            <div class="group_header">
                <img src="../dist/img/furniture_s.png" alt="家具">
                <strong>家具</strong>
                <ul class="tab_btns">
                    <li class="active">客厅</li>
                    <li>餐厅</li>
                    <li>卧室</li>
                    <li>儿童房</li>
                </ul>
                <a href="javascript:void(0)" class="more">查看更多&gt;</a>
            </div>

            <ul class="tab_pages wrapper">
                <li class="active">
                    <a href="javascript:void(0);"><img src="../dist/img/furniture_2.jpg" alt=""></a>
                    <a href="javascript:void(0);"><img src="../dist/img/furniture-25.jpg" alt=""></a>
                    <a href="javascript:void(0)"><img src="../dist/img/furniture-26.jpg" alt=""></a>
                </li>
                <li>
                    <a href="javascript:void(0);"><img src="../dist/img/furniture_2.jpg" alt=""></a>
                    <a href="javascript:void(0);"><img src="../dist/img/furniture-25.jpg" alt=""></a>
                    <a href="javascript:void(0)"><img src="../dist/img/furniture-26.jpg" alt=""></a>
                </li>
                <li>
                    <a href="javascript:void(0);"><img src="../dist/img/furniture_2.jpg" alt=""></a>
                    <a href="javascript:void(0);"><img src="../dist/img/furniture-25.jpg" alt=""></a>
                    <a href="javascript:void(0)"><img src="../dist/img/furniture-26.jpg" alt=""></a>
                </li>
            </ul>
            <div class="clear"></div>
        </div>

        <!--电器-->
        <div class="electric">
            <div class="group_header">
                <img src="../dist/img/electric.png" alt="电器">
                <strong>电器</strong>
                <ul class="tab_btns">
                    <li class="active">空调</li>
                    <li>冰箱</li>
                    <li>热水器</li>
                </ul>
                <a href="javascript:void(0)" class="more">查看更多&gt;</a>
            </div>

            <ul class="tab_pages wrapper">
                <li class="active">
                    <a href="javascript:void(0);"><img src="../dist/img/electric.jpg" alt=""></a>
                    <a href="javascript:void(0);"><img src="../dist/img/electric-28.jpg" alt=""></a>
                    <a href="javascript:void(0)"><img src="../dist/img/electric-29.jpg" alt=""></a>
                </li>
                <li>
                    <a href="javascript:void(0);"><img src="../dist/img/electric.jpg" alt=""></a>
                    <a href="javascript:void(0);"><img src="../dist/img/electric-28.jpg" alt=""></a>
                    <a href="javascript:void(0)"><img src="../dist/img/electric-29.jpg" alt=""></a>
                </li>
                <li>
                    <a href="javascript:void(0);"><img src="../dist/img/electric.jpg" alt=""></a>
                    <a href="javascript:void(0);"><img src="../dist/img/electric-28.jpg" alt=""></a>
                    <a href="javascript:void(0)"><img src="../dist/img/electric-29.jpg" alt=""></a>
                </li>
            </ul>
            <div class="clear"></div>
        </div>

        <!--装饰摆件-->
        <div class="decoration">
            <div class="group_header">
                <img src="../dist/img/vase.png" alt="装饰摆件">
                <strong>装饰摆件</strong>
                <ul class="tab_btns">
                    <li class="active">花瓶</li>
                    <li>壁画</li>
                    <li>墙饰</li>
                </ul>
                <a href="javascript:void(0)" class="more">查看更多&gt;</a>
            </div>

            <ul class="tab_pages wrapper">
                <li class="active">
                    <a href="javascript:void(0);"><img src="../dist/img/deco.jpg" alt=""></a>
                    <a href="javascript:void(0);"><img src="../dist/img/deco-31.jpg" alt=""></a>
                    <a href="javascript:void(0)"><img src="../dist/img/deco-32.jpg" alt=""></a>
                </li>
                <li>
                    <a href="javascript:void(0);"><img src="../dist/img/deco.jpg" alt=""></a>
                    <a href="javascript:void(0);"><img src="../dist/img/deco-31.jpg" alt=""></a>
                    <a href="javascript:void(0)"><img src="../dist/img/deco-32.jpg" alt=""></a>
                </li>
                <li>
                    <a href="javascript:void(0);"><img src="../dist/img/deco.jpg" alt=""></a>
                    <a href="javascript:void(0);"><img src="../dist/img/deco-31.jpg" alt=""></a>
                    <a href="javascript:void(0)"><img src="../dist/img/deco-32.jpg" alt=""></a>
                </li>
            </ul>
            <div class="clear"></div>
        </div>

        <!--家纺-->
        <div class="hometextile">
            <div class="group_header">
                <img src="../dist/img/home_textile.png" alt="家纺">
                <strong>家纺</strong>
                <ul class="tab_btns">
                    <li class="active">棉被</li>
                    <li>四件套</li>
                    <li>窗帘</li>
                    <li>地垫</li>
                </ul>
                <a href="javascript:void(0)" class="more">查看更多&gt;</a>
            </div>

            <ul class="tab_pages wrapper">
                <li class="active">
                    <a href="javascript:void(0);"><img src="../dist/img/home_textile.jpg" alt=""></a>
                    <a href="javascript:void(0);"><img src="../dist/img/home_textile-34.jpg" alt=""></a>
                    <a href="javascript:void(0)"><img src="../dist/img/home_textile-35.jpg" alt=""></a>
                </li>
                <li>
                    <a href="javascript:void(0);"><img src="../dist/img/home_textile.jpg" alt=""></a>
                    <a href="javascript:void(0);"><img src="../dist/img/home_textile-34.jpg" alt=""></a>
                    <a href="javascript:void(0)"><img src="../dist/img/home_textile-35.jpg" alt=""></a>
                </li>
                <li>
                    <a href="javascript:void(0);"><img src="../dist/img/home_textile.jpg" alt=""></a>
                    <a href="javascript:void(0);"><img src="../dist/img/home_textile-34.jpg" alt=""></a>
                    <a href="javascript:void(0)"><img src="../dist/img/home_textile-35.jpg" alt=""></a>
                </li>
                <li>
                    <a href="javascript:void(0);"><img src="../dist/img/home_textile.jpg" alt=""></a>
                    <a href="javascript:void(0);"><img src="../dist/img/home_textile-34.jpg" alt=""></a>
                    <a href="javascript:void(0)"><img src="../dist/img/home_textile-35.jpg" alt=""></a>
                </li>
            </ul>
            <div class="clear"></div>
        </div>

        <!--绿化-->
        <div class="greening">
            <div class="group_header">
                <img src="../dist/img/greening.png" alt="绿化">
                <strong>绿化</strong>
                <ul class="tab_btns">
                    <li class="active">鲜花</li>
                    <li>绿植</li>
                    <li>多肉</li>
                    <li>园艺工具</li>
                </ul>
                <a href="javascript:void(0)" class="more">查看更多&gt;</a>
            </div>

            <ul class="tab_pages wrapper">
                <li class="active">
                    <a href="javascript:void(0);"><img src="../dist/img/greening.jpg" alt=""></a>
                    <a href="javascript:void(0);"><img src="../dist/img/greening-37.jpg" alt=""></a>
                    <a href="javascript:void(0)"><img src="../dist/img/greening-38.jpg" alt=""></a>
                </li>
                <li>
                    <a href="javascript:void(0);"><img src="../dist/img/greening.jpg" alt=""></a>
                    <a href="javascript:void(0);"><img src="../dist/img/greening-37.jpg" alt=""></a>
                    <a href="javascript:void(0)"><img src="../dist/img/greening-38.jpg" alt=""></a>
                </li>
                <li>
                    <a href="javascript:void(0);"><img src="../dist/img/greening.jpg" alt=""></a>
                    <a href="javascript:void(0);"><img src="../dist/img/greening-37.jpg" alt=""></a>
                    <a href="javascript:void(0)"><img src="../dist/img/greening-38.jpg" alt=""></a>
                </li>
                <li>
                    <a href="javascript:void(0);"><img src="../dist/img/greening.jpg" alt=""></a>
                    <a href="javascript:void(0);"><img src="../dist/img/greening-37.jpg" alt=""></a>
                    <a href="javascript:void(0)"><img src="../dist/img/greening-38.jpg" alt=""></a>
                </li>
            </ul>
            <div class="clear"></div>
        </div>


        <!--随便逛逛-->
        <div class="see_free">
            <div class="group_header">
                <img src="../dist/img/greening.png" alt="随便逛逛">
                <strong>随便逛逛</strong>
                <ul class="tab_btns right">
                    <li class="active">热门排行</li>
                    <li>热门店铺</li>
                </ul>
            </div>

            <ul class="tab_pages container">
                <li class="active">
                    <dl>
                        <dt><a href="javascript:void(0);"><img src="../dist/img/see_1.jpg" alt=""></a></dt>
                        <dd>
                            <div class="price price2">
                                <em>￥<b>368</b></em>
                            </div>
                            <a href="javascript:void(0)">米爱优情侣睡衣女秋男士
                                棉长袖卡通熊家居服...</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt><a href="javascript:void(0);"><img src="../dist/img/see_2.jpg" alt=""></a></dt>
                        <dd>
                            <div class="price price2">
                                <em>￥<b>368</b></em>
                            </div>
                            <a href="javascript:void(0)">米爱优情侣睡衣女秋男士
                                棉长袖卡通熊家居服...</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt><a href="javascript:void(0);"><img src="../dist/img/see_3.jpg" alt=""></a></dt>
                        <dd>
                            <div class="price price2">
                                <em>￥<b>368</b></em>
                            </div>
                            <a href="javascript:void(0)">米爱优情侣睡衣女秋男士
                                棉长袖卡通熊家居服...</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt><a href="javascript:void(0);"><img src="../dist/img/see_4.jpg" alt=""></a></dt>
                        <dd>
                            <div class="price price2">
                                <em>￥<b>368</b></em>
                            </div>
                            <a href="javascript:void(0)">米爱优情侣睡衣女秋男士
                                棉长袖卡通熊家居服...</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt><a href="javascript:void(0);"><img src="../dist/img/see_5.jpg" alt=""></a></dt>
                        <dd>
                            <div class="price price2">
                                <em>￥<b>368</b></em>
                            </div>
                            <a href="javascript:void(0)">米爱优情侣睡衣女秋男士
                                棉长袖卡通熊家居服...</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt><a href="javascript:void(0);"><img src="../dist/img/see_6.jpg" alt=""></a></dt>
                        <dd>
                            <div class="price price2">
                                <em>￥<b>368</b></em>
                            </div>
                            <a href="javascript:void(0)">米爱优情侣睡衣女秋男士
                                棉长袖卡通熊家居服...</a>
                        </dd>
                    </dl>
                </li>
                <li class="active">
                    <dl>
                        <dt><a href="javascript:void(0);"><img src="../dist/img/see_1.jpg" alt=""></a></dt>
                        <dd>
                            <div class="price price2">
                                <em>￥<b>368</b></em>
                            </div>
                            <a href="javascript:void(0)">米爱优情侣睡衣女秋男士
                                棉长袖卡通熊家居服...</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt><a href="javascript:void(0);"><img src="../dist/img/see_2.jpg" alt=""></a></dt>
                        <dd>
                            <div class="price price2">
                                <em>￥<b>368</b></em>
                            </div>
                            <a href="javascript:void(0)">米爱优情侣睡衣女秋男士
                                棉长袖卡通熊家居服...</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt><a href="javascript:void(0);"><img src="../dist/img/see_3.jpg" alt=""></a></dt>
                        <dd>
                            <div class="price price2">
                                <em>￥<b>368</b></em>
                            </div>
                            <a href="javascript:void(0)">米爱优情侣睡衣女秋男士
                                棉长袖卡通熊家居服...</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt><a href="javascript:void(0);"><img src="../dist/img/see_4.jpg" alt=""></a></dt>
                        <dd>
                            <div class="price price2">
                                <em>￥<b>368</b></em>
                            </div>
                            <a href="javascript:void(0)">米爱优情侣睡衣女秋男士
                                棉长袖卡通熊家居服...</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt><a href="javascript:void(0);"><img src="../dist/img/see_5.jpg" alt=""></a></dt>
                        <dd>
                            <div class="price price2">
                                <em>￥<b>368</b></em>
                            </div>
                            <a href="javascript:void(0)">米爱优情侣睡衣女秋男士
                                棉长袖卡通熊家居服...</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt><a href="javascript:void(0);"><img src="../dist/img/see_6.jpg" alt=""></a></dt>
                        <dd>
                            <div class="price price2">
                                <em>￥<b>368</b></em>
                            </div>
                            <a href="javascript:void(0)">米爱优情侣睡衣女秋男士
                                棉长袖卡通熊家居服...</a>
                        </dd>
                    </dl>
                </li>
            </ul>
            <div class="clear"></div>
        </div>
    </section>



    <div class="fix_nav">
        <div class="wrapper">
            <ul class="container">
                <li>
                    <a href="javascript:void(0)" class="home active">
                        首页
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0)" class="class">
                        分类
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0)" class="activity_center">
                        活动中心
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0)" class="cart">
                        购物车
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0)" class="mine">
                        我的
                    </a>
                </li>
            </ul>

        </div>

    </div>

</body>
<script src="../dist/js/jquery.js"></script>
<script src="../dist/js/jquery.SuperSlide.2.1.2.js"></script>
<script>
    $(function(){

        /*banner animation*/
        $(".banner_wrap").fadeIn();
        $(".banner_wrap ").slide({
            titCell: ".hd ul",
            autoPage: "<li><a></a></li>",
            autoPage:true,
            mainCell: ".banner ul",
            effect: "leftLoop",
            autoPlay: true,
            vis: "auto",
            scroll: 1,
            easing: "easeInOutQuad",
            interTime: 5000
        });
    });

</script>
</html>